$(()=>{
    
   init();

//    页面一打开就执行的初始化逻辑
   function init() {
       getSwiperData();
       getCatItems();
       getGoodsList();
   }


   // 获取首页-轮播图数据
   function getSwiperData() {
       // 1.发送请求获取数据
       $.get("home/swiperdata",result=>{
           // 2.验证数据是否成功
           if(result.meta.status===200) {
               // 成功，获取要循环的数组
               let arr=result.data;
               let html=template("swiperTpl",{arr:arr});
               $(".pyg_swiper").html(html);

               // 轮播图的初始化必须要等到图片标签都生成了再去初始化，否则无效
               let gallery = mui('.mui-slider');
               gallery.slider({
                   interval: 1000//自动轮播周期，若为0则不自动播放，默认为0；
               });
           }
       })
   }


   // 获取首页导航数据
    function getCatItems() {
       $.get("home/catitems",(result)=>{
           if(result.meta.status===200) {
               // 成功
               let arr=result.data;
               // 标签字符串
          // let html="";
          // for (let i = 0; i < arr.length; i++) {
          //   const item = arr[i];
          //   html+='<a href="javascript:;"> <img src='+item.image_src+' alt=""> </a>';
          // }

          // // 渲染到页面上
          // $(".pyg_cates").html(html);

          // 循环并且返回 标签
          // [].map方法  在内部直接循环 返回 拼接后的数据 
          // 返回的是一个拼接后的数组
               let htmlArr=arr.map((v,i)=>{
                   return `<a href="javascript:;"><img src="${v.image_src}" alt=""></a>`;
               });
               // join 实现把数组变成一个字符串
               $(".pyg_cates").html(htmlArr.join(''));
           }
       });
   }


   // 获取首页商品列表
    function getGoodsList() {
       $.get("home/goodslist",(result)=>{
           if(result.meta.status===200) {
               //成功
               let html=template("listTpl",{arr:result.data});
               $(".pyg_list").html(html);
           }
       });
   }

 
});